<template>
  <div class="w-100 h-100">
    <containTemplete
      :title="'附建式人防工程'"
      :secondTitles="['附建式人防工程数量', '人防设施数量']"
      :slotWidth="[50, 50]"
    >
      <template #left>
        <div class="w-100 h-100">
          <rfgcsl :year="left_year_value"/>
        </div>
      </template>
      <template #middle>
        <div class="w-100 h-100">
          <rfsssl />
        </div>
      </template>

      <template #left_control>
        <proSelect
          :optionsData="useOptions().year()"
          :defaultSelectValue="new Date().getFullYear()-1"
          v-model:select-value="left_year_value"
          :width="100"
        >
        </proSelect>
      </template>
    </containTemplete>
  </div>
</template>

<script setup lang="ts">
import containTemplete from "@/components/project/containTemplete.vue";
import rfgcsl from "./rfgcsl.vue";
import rfsssl from "./rfsssl.vue";

import { useOptions } from "@/hook/useOptions";

const left_year_value = ref(2024)
</script>

<style scoped lang="less"></style>
